﻿<!DOCTYPE html>
<html>
<head>
	<meta name="charset" content="UTF-8" />
	<title>@ViewBag.Title</title>
	<link rel="shortcut icon" href="@Url.Content("~/Content/images/favicon.ico")" />
	<link type="text/css" href="@Url.Content("~/Content/css/reset.css")" rel="stylesheet" media="screen" charset="utf-8" />
	<link type="text/css" href="@Url.Content("~/Content/css/smoothness/jquery-ui-1.8.18.custom.css")" rel="stylesheet" />
	<link type="text/css" href="@Url.Content("~/Content/css/jquery.terminal.css")" rel="stylesheet" media="screen" title="Jquery Terminal" charset="utf-8" />
	<link type="text/css" href="@Url.Content("~/Content/css/960.css")" rel="stylesheet" media="screen" />
	<link type="text/css" href="@Url.Content("~/Content/css/grid.css")" rel="stylesheet" media="screen" />
	<link type="text/css" href="@Url.Content("~/Content/css/styles.css")" rel="stylesheet" media="screen" charset="utf-8" />
	<link type="text/css" href="@Url.Content("~/Content/css/jqtransform.css")" rel="stylesheet" media="screen" />
	<link type="text/css" href="@Url.Content("~/Content/css/treeview.css")" rel="stylesheet" media="screen" />
	<link type="text/css" href="@Url.Content("~/Content/css/tache.css")" rel="stylesheet" media="screen" />
	<link type='text/css' href="@Url.Content("~/Content/css/osx.css")" rel='stylesheet' media='screen' />
    <link type='text/css' href="@Url.Content("~/Content/css/jqueryFileIcon.css")" rel='stylesheet' media='screen' />
    <link rel="stylesheet" href="@Url.Content("~/Content/css/colorpicker.css")" type="text/css" />
	<link rel="stylesheet" href="@Url.Content("~/Content/css/tablesorter.css")" type="text/css" />
    <link rel="stylesheet" href="@Url.Content("~/Content/css/fileuploader.css")" type="text/css" />
	<link rel="stylesheet" href="@Url.Content("~/Content/css/wall.css")" media="screen" type="text/css"/>
    <script type="text/javascript" src="http://crypto-js.googlecode.com/svn/tags/3.0.1/build/rollups/sha512.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://static.jstree.com/v.1.0pre/jquery.jstree.js"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.terminal.min.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.corner.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.jqtransform.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.simplemodal.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.tablesorter.min.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.cookie.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/jquery.treeview.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/osx.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/director.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/libs/colorpicker.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/eye.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/utils.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/libs/fileuploader.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/libs/layout.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/libs/spy.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/bootstrap.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/user.js")"></script>    
    <script type="text/javascript" src="@Url.Content("~/Scripts/resources.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/task.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/wall.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/depot.js")"></script>
</head>
<body>
    @RenderBody()
	<div id="wrapper">
		<header>
			<div id="headerBanner"></div>
			<div id="headerTabs" class="ui-tabs">
				<ul class="ui-tabs-nav">
					<li>
						<a href="#headerTabTerminal"><img alt="Terminal" src="@Url.Content("~/Content/images/monitor.png")" />&nbsp;Terminal</a>
					</li>
					<li>
						<a href="#headerTabTasks"><img alt="Tasks" src="@Url.Content("~/Content/images/table.png")" />&nbsp;Vos&nbsp;t&acirc;ches</a>
					</li>
					<li>
						<a href="#headerTabCollaborators"><img alt="Collaborators" src="@Url.Content("~/Content/images/user_suit.png")" />&nbsp;Collaborateurs</a>
					</li>
					<li>
						<a href="#headerTabConsole">&nbsp;Console</a>
					</li>
				</ul>
				<div id="headerTabTerminal" class="ui-tabs-panel"></div>
				<div id="headerTabTasks" class="ui-tabs-panel">
					<p>My task list</p>
				</div>
				<div id="headerTabCollaborators" class="ui-tabs-panel">
					<p>My collaborator list</p>
				</div>
				<div id="headerTabConsole">
					<form method="GET" action="#" class="jqtransform">
            			<div class="rowElem">
							<label>Font color :</label>
							<div id="colorSelector4"><div></div></div>
                		</div>
                		<div class="rowElem">
                			<label>Background color :</label>
                    		<div id="colorSelector3"><div></div></div>
                		</div>
					</form> 
				</div>
			</div>
		</header>
		<div id="contentWrapper"class="container_12">
			<div id="content"> 
				<section data-route="ressources">
                     <ul class="itemcateg">

					</ul>		
				</section>
				<section data-route="docuti">
					<div id="bandeau">
						<center>
							
						</center>
					</div>
					<ul class="itemuti">

					</ul>		
					<input id="browseuti" type="file" name="fichier_choisi"/>
					<input type="button" id="validateuti" value="Confirmer"/>					
				</section>
				<section data-route="doctech">
					<div id="bandeau">
						<center>
							
						</center>
					</div>
					<ul class="itemtech">

					</ul>	
					<input id="browsetech" type="file" name="fichier_choisi"/>
					<input type="button" id="validatetech" value="Confirmer"/>					
				</section>
				<section data-route="docdev">
					<div id="bandeau">
						<center>
							<img alt="Documentation Utilisateurs" src="@Url.Content("~/Content/images/docdevmini.png")" width="50%" height="50%" />
						</center>
					</div>
					<ul class="itemdev">
					</ul>	
					<input id="browsedev" type="file" name="fichier_choisi"/>
					<input type="button" id="validatedev" value="Confirmer"/>					
				</section>
                <section data-route="taches">
					<div id="tache">
						<a href="#" class='osx'>
							<img src="@Url.Content("~/Content/images/newtache.png")" />
						</a>

						<table id="listeTaches">
							<thead>
								<tr>
									<th>T&#226;che N&#186;</th>
									<th>R&#233;sum&#233; / Objet</th>
									<th>Statut</th>
									<th>Priorit&#233;</th>
									<th>% avancement</th>
									<th>Assign&#233;(s)</th>
									<th>Modifier</th>
									<th>Supprimer</th>
								</tr>
							</thead>
							<tbody class="tb"></tbody>
						</table>
					</div>
					<div id="osx-modal-content">
						<div id="osx-modal-title">Ajouter une t&acirc;che</div>
						<div class="close"><a href="#" class="simplemodal-close">x</a></div>
						<div id="osx-modal-data">
							<form action="#" id="taskAddForm" class="jqtransform">
								<p>
									<div class="rowElem"><label for="taskAddTitle">Titre</label>
									<input id="taskAddTitle" name="taskAddTitle" value="" title="taskAddTitle" tabindex="4" type="text" size="20" /></div>
								</p>
								<p>
									<div class="rowElem"><label for="taskAddDescription" size="20">Description</label>
									<input id="taskAddDescription" name="taskAddDescription" value="" title="taskAddDescription" tabindex="5" type="text" size="20" /></div>
								</p>
								<p>
									<div class="rowElem"><label for="taskAddPriority" size="20">Priorite</label>
									<input id="taskAddPriority" name="taskAddPriority" value="LOW - MEDIUM - HIGH - URGENT" title="taskAddPriority" tabindex="5" type="text" size="20" /></div>
								</p>
								<p>
									<div class="rowElem"><label for="taskAddProgression" size="20">Progression</label>
									<input id="taskAddProgression" name="taskAddProgression" value="0 - 100" title="taskAddProgression" tabindex="5" type="text" size="20" /></div>
								</p>
								<p>
									<div class="rowElem"><label for="taskAddUserName" size="20">Assigne(s)</label>
									<input id="taskAddUserName" name="taskAddUserName" value="" title="taskAddUserName" tabindex="5" type="text" size="20" /></div>
								</p>
								<p>
									<div class="rowElem"></div>
								</p>		
							</form>
							<input class="taskAdd simplemodal-close" id="sauver" value="Valider" tabindex="6" type="submit">
						</div>
                    </div>
				</section>
				<section data-route="depot">
                    <div id="view"></div>
					<div id="tree"></div>
				</section>
				<section data-route="user,login">
					<form id="loginForm" method="GET" action="#">
						<div id="loginFormErrors">
							<p>Les erreurs suivantes se sont produites:</p>
							<ul id="loginFormErrorList"></ul>
						</div>
						<p>
							<label for="loginUserName">Nom d'utilisateur:&nbsp;</label>
							<input id="loginUserName" name="loginUserName" type="text" />
						</p>
						<p>
							<label for="loginUserPassword">Mot de passe:&nbsp;</label>
							<input id="loginUserPassword" name="loginUserPassword" type="password" />
						</p>
						<p>
							<input type="submit" value="Se connecter" />
							<span>| <a id="loginGoToRegistration" href="#" title="S'enregister">S'enregister</a></span>
						</p>
					</form>
				</section>
				<section data-route="user,logout">
					<p>
						<span>Merci d'avoir pass&eacute; du temps sur ce site.</span>
						<span><a id="logoutGoToLogin" href="#" title="Connexion">Se reconnecter?</a></span>
					</p>
				</section>
				<section data-route="user,register">
					<form id="registrationForm" method="GET" action="#">
						<div id="registrationFormErrors">
							<p>Les erreurs suivantes se sont produites:</p>
							<ul id="registrationFormErrorList"></ul>
						</div>
						<p>
							<label for="regUserName">Nom d'utilisateur:&nbsp;</label>
							<input id="regUserName" name="regUserName" type="text" />
						</p>
                        <p>
							<label for="regUserEmail">Email:&nbsp;</label>
							<input id="regUserEmail" name="regUserEmail" type="text" />
						</p>
                        <p>
							<label for="regUserPassword">Mot de passe:&nbsp;</label>
							<input id="regUserPassword" name="regUserPassword" type="password" />
						</p>
                        <p>
							<label for="regUserFirstName">Prénom:&nbsp;</label>
							<input id="regUserFirstName" name="regUserFirstName" type="text" />
						</p>
                        <p>
							<label for="regUserLastName">Nom:&nbsp;</label>
							<input id="regUserLastName" name="regUserLastName" type="text" />
						</p>
						<p>
							<input type="submit" value="S'enregistrer" />
							<span><a class="regGoToLogin" href="#" title="Connexion">Retour &agrave; la page de connexion?</a></span>
						</p>
					</form>
				</section>
				<section data-route="home">
					<div id="wall" align="left">
						<form id="wallForm" method="post" name="wallForm" action="#">
							<table cellpadding="0" cellspacing="0" width="500px">
								<tr><td align="left"><div align="left"><h3>Publier un nouveau sujet:</h3></div></td></tr>
								<tr>
									<td style="padding:4px; padding-left:10px;" class="update_box">
										<textarea cols="30" rows="2" style="width:480px;font-size:14px; font-weight:bold" name="update_box_content" id="update_box_content" maxlength="145" ></textarea><br />
										<input type="submit"  value=" Partager "  id="v" name="submit" class="comment_button"/>
									</td>
								</tr>
							</table>
						</form>
					</div>
					<div style="height:7px"></div>
					<div id="flash" align="left"></div>
					<ol id="update" class="timeline"></ol>
				</section>
			</div>


			<div id="bouton1" class="grid_1">
				<a href="#">
					<img alt="Mur" src="@Url.Content("~/Content/images/home.png")" />
				</a>
			</div>
			<div id="bouton2" class="grid_1 prefix_10">
				<a href="#">
					<img alt="Tache" src="@Url.Content("~/Content/images/tache.png")" />
				</a>
			</div>
			<div id="bouton3" class="grid_1">
				<a href="#">
					<img alt="Code" src="@Url.Content("~/Content/images/code.png")" />
				</a>
			</div>
			<div id="bouton4" class="grid_1 prefix_10">
				<a href="#">
					<img alt="Depot" src="@Url.Content("~/Content/images/depot.png")" />
				</a>
			</div>
			<div class="clear"></div>
		</div>
		<footer>
			<p>
				<a href="http://validator.w3.org/check?uri=referer"><img alt="Valid HTML5" src="@Url.Content("~/Content/images/w3c_html5.png")" /></a>
				<a href="#"><img alt="Valid CSS3" src="@Url.Content("~/Content/images/w3c_css3.png")" /></a>
			</p>
		</footer>
	</div>
	</body>
</html>